﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <meta name="google" content="notranslate" />
    <meta http-equiv="Content-Language" content="en" />
    <title>Shop Online</title>
    <meta name="google-site-verification" content="ShopOnline, Shop Thùy Linh" />
    <meta name="description" content="" />
    <meta id="ctl00_Meta2" name="Keywords" content="clothes, clothing, apparel, casual tops, dressy tops, basics, skirts, dress, dresses, sale, fashion, cheap, tees, tank tops, graphics, shirts, pants, jeans, shorts, sweaters, outerwear, jackets, tops, bottoms, skirts, shoes, halter, tube top, denim, jewelery, accessories, rings, necklaces, underwear, mens, womens, woman, junior fashion, xxi, forlove, gadzooks, womens apparel, intimate, handbags, sunglasses, hats, scarves, hair goods, earrings" />

    <!--icon cho website-->
    <link href="http://www.forever21.com/images/en/common/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- [CSS] -->
    
    <link href="~/Content/css/Ren-49IEiCyS0.css" rel="stylesheet" />
    <link href="~/Content/css/Ren-HuBRpmNis.css" rel="stylesheet" />
    <link href="~/Content/css/Ren-LlPbW-a30.css" rel="stylesheet" />
    <link href="~/Content/css/Ren-rN6MLhPqE.css" rel="stylesheet" />
    <link href="~/Content/css/Ren-SGGz379Nc.css" rel="stylesheet" />

    <link href="~/Content/css/Ren-9Fu2alH14.css" rel="stylesheet" />
    <!-- [JS] -->
 

  
    <style type="text/css">
        /* INPUT & BUTTON */

        /* welcome */
        #popUp {
            position: fixed;
            right: -397px;
            top: 30%;
            width: 397px;
            height: 295px;
            z-index: 1001;
            display: none;
        }

        #tab {
            cursor: pointer;
            height: 257px;
            width: 90px;
            position: absolute;
            right: 397px;
            top: 0px;
            z-index: 1001;
        }

        #inputEmailAddress {
            position: absolute;
            border: 1px solid #69283C;
            top: 178px;
            left: 23px;
            font-size: 12px;
            border: 1;
            font-family: Arial,Helvetica,sans-serif;
            letter-spacing: 2px;
            text-transform: uppercase;
            width: 235px;
            height: 31px;
            padding-left: 10px;
        }

        #imgBtn {
            position: absolute;
            top: 178px;
            left: 270px;
            border: 0;
            cursor: pointer;
        }

        #popErrMsg {
            position: absolute;
            top: 220px;
            left: 23px;
            border: 0;
            cursor: pointer;
            color: #ff0000;
        }


        /* marketing */
        #popUp_marketing {
            position: fixed;
            right: -397px;
            top: 30%;
            width: 397px;
            height: 295px;
            z-index: 1001;
            display: none;
        }

        #tab_marketing {
            cursor: pointer;
            height: 257px;
            width: 90px;
            position: absolute;
            right: 397px;
            top: 0px;
            z-index: 1001;
        }

        #inputEmailAddress_marketing {
            position: absolute;
            border: 1px solid #000;
            top: 196px;
            left: 23px;
            font-size: 12px;
            border: 1;
            font-family: Arial,Helvetica,sans-serif;
            letter-spacing: 2px;
            text-transform: uppercase;
            width: 235px;
            height: 31px;
            padding-left: 10px;
        }

        #imgBtn_marketing {
            position: absolute;
            top: 196px;
            left: 270px;
            border: 0;
            cursor: pointer;
        }

        #popErrMsg_marketing {
            position: absolute;
            top: 230px;
            left: 23px;
            border: 0;
            cursor: pointer;
            color: #ff0000;
        }
    </style>


    <script type="text/javascript">

        var MSG_OOS = "We're sorry. This item is no longer available.";
        var MSG_ERR = "We're sorry. Unknown error occured. Please try again later.";
        var MSG_LIMITOVER = "Your bag has reached the maximum capacity (40 items) for this transaction.";

        var ddlSizeTypeID = "ctl00_MainContent_ddlSizeType";
        var ddlSortTypeID = "ctl00_MainContent_ddlSortType";
        if (document.location.protocol == 'https:')
            location.href = "#";

       
        function fnChangeProductImageForMouseEvent(image, imageFilePath)
        {
             var imageTest= new Image();
            imageTest.onload = function() {
                setTimeout(function(){image.src = imageFilePath},100);
            };
            imageTest.onerror = function() {
                //alert('error loading');
            };
            imageTest.src = imageFilePath;
        }


        function imgError(image){
            image.onerror = "";
            image.src = "http://www.forever21.com/images/no_image.jpg";
            return true;
        }



    </script>
</head>
<body>
   
    <!-- [BADGE] -->
    <div id="HGSBadge" style="position: absolute; top: 65px; right:0px; z-index:999;">
        <a href="#">
            <img src="../Images/img_temp/badge-hgs.png" />
        </a>
    </div>
    <!-- [UTILITY NAV] -->
    <div class="pre-header">
        <div class="container">

            <div id="divSearchBox" class="t_search_box" style="z-index:9999;">
                <div id="search_box_drop">
                    <div class="m_searchbox_wrapper">
                        <ul>
                            <li class="m_search_inputbox">
                                <div>
                                    <input type="text" value="" class="icon-search m_search" name="ihKeyword" id="ihKeyword" onclick="searchClear();" onkeypress="if(event.keyCode==13) search_go();" maxlength="80" placeholder="Search Items" />
                                    <div class="m_search_box">
                                        <div>
                                            <input type="submit" onclick="" class="fa fa-search" value="" />
                                        </div>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="t_search_drop"></div>
                </div>
                <!--================= SEARCH SUGGESTION START ====================-->
                <!--================= SEARCH SUGGESTION END ====================-->
            </div>
            <div class="shipping-text">
                <div class="t_freeship">
                    <img src="../Images/img_temp/icon_truck.png" /><span id="blink" style="color: red; visibility: visible;">...FREE SHIPPING ON ALL ORDERS OF $30 OR MORE!</span>
                    <div class="hover">
                        FREE SHIPPING ON ORDERS OF $30 OR MORE!<br /><br />
                        Valid November 29, 2014, 12:00 am – November, 30, 2014, 11:59 pm PST<br /><br />
                        Receive free shipping on your next order of $30 or more. This offer applies to standard ground shipping within the United States. Not valid on shipments to Alaska, Hawaii, U.S. territories, P.O. Boxes, APO/FPO and international addresses. If you choose another shipping option, additional charges may apply. Free shipping will be automatically applied to qualifying orders at checkout. No adjustments on previous purchases. Valid online only. Forever 21 reserves the right to modify or cancel this promotion at any time without notice.
                    </div>
                </div>
            </div>
            <div class="top-links">
                <!--login-->
                <ul class="signup">
                    <li class="heading">Đăng nhập</li>
                    <li>
                        <style type="text/css">
                            #loginheader {
                                color: white;
                                font-size: 9pt;
                                font-family: Tahoma;
                                font-weight: bold;
                                float: right;
                                white-space: pre-line;
                                margin-top:-20px;
                            }
                        </style>
                        <div id="loginheader">
                            <span>Xin chào: Nguyễn Bùi Phan Thụy Lan Anh</span>
                            <span><a href="#" >Đăng ký</a></span>
                        </div>
                        <!--
                        <div id="signup-form">
                                <input type="text"  name="username" id="username"  maxlength="50" placeholder="Tên đăng nhập"/>
                                <input type="text"  name="pasword" id="password"  maxlength="50" placeholder="Mật khẩu"/>
                                <button type="button"  onclick="DangNhap()">Sign up</button>
                            
                        </div>-->
                        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
                        <script type="text/javascript">
                           
                            function DangNhap()
                            {
                                
                                //lấy thông tin username.
                               $username = document.getElementById('username').value;
                                
                                if($username!=null)
                                {
                                    //kiểm tra password.
                                    $password = document.getElementById('password').value;
                                 
                                    if($password!=null)
                                    {
                                        //hiện progress
                                       $('.loading').css('opacity','1');
                                        
                                        //khai báo một form mới
                                        var form = $('<form></form>');
                                        //alert('ten dang nhap:'+$username+' mat khau:'+$password);
                                        //thêm các thu?c tính c?n thi?t cho form
                                        form.attr("method", "post");
                                        form.attr("action", "Login/Index");
                                        
                                        //thêm các tag â?n thi?t vào trong form
                                        var field = $('<input></input>');
                                        field.attr("type", "hidden");
                                        field.attr("name", "username");
                                        field.attr("value", $username);
                                        var field1 = $('<input></input>');
                                        field1.attr("type", "hidden");
                                        field1.attr("name", "password");
                                        field1.attr("value", $password);

                                        // ti?n hành thêm
                                        form.append(field);
                                        form.append(field1);
                                        //g?i hành d?ng
                                        $(document.body).append(form);
                                        
                                        form.submit();
                                    }
                                    else
                                    {
                                        alert('Mật khẩu không được bỏ trống!');
                                        return;
                                    }
                                }
                                else
                                {
                                    alert('Tên đăng nhập không được bỏ trống!');
                                    return;
                                }
                                
                            }
                            function callfunction()
                            {
                                alert('opacity');
                                //$('.loading').css('opacity','0');
                            }
                        </script>
                   
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- [HEADER] -->
    <div id="headerCtrl" class="header light scroll-top">
        <div class="container">
            <h1>
                <a href="#">

                    <svg id="logo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="244px" height="41px" viewbox="0 0 244 41" style="enable-background:new 0 0 244 41;" xml:space="preserve">
                    <path fill="#FFFFFF" d="M0,40.66h5.73V23.45h9.89v-5.44H5.73V5.78h11.35V0.34H0V40.66z M34.72,0c-4.67,0-9.61,3.28-9.61,9.85v21.29 c0,6.57,4.95,9.85,9.61,9.85c4.67,0,9.61-3.28,9.61-9.85V9.85C44.33,3.28,39.39,0,34.72,0z M38.6,31.15 c0,2.78-1.8,4.08-3.88,4.08s-3.88-1.3-3.88-4.08V9.85c0-2.78,1.8-4.08,3.88-4.08s3.88,1.3,3.88,4.08V31.15z M72.89,12.18 c0-7.82-3.32-11.84-10.12-11.84h-9.22v40.32h5.73V23.45h3.43l5.34,17.22h6.07l-6.18-18.41C71.6,20.22,72.89,16.82,72.89,12.18z M62.55,18.35h-3.26V5.78h2.98c4.22,0,4.89,2.21,4.89,6.29C67.15,16.08,66.54,18.35,62.55,18.35z M82.15,40.66h17.09v-5.78H87.88 V23.05h9.89v-5.44h-9.89V5.78h11.35V0.34H82.15V40.66z M117.33,28.49h-0.11l-4.55-28.15h-6.07l8.15,40.32h5.06l8.21-40.32h-6.07 L117.33,28.49z M136.58,40.66h17.09v-5.78h-11.35V23.05h9.89v-5.44h-9.89V5.78h11.35V0.34h-17.09V40.66z M181.85,12.18 c0-7.82-3.32-11.84-10.12-11.84h-9.22v40.32h5.73V23.45h3.43l5.34,17.22h6.07l-6.18-18.41 C180.55,20.22,181.85,16.82,181.85,12.18z M171.5,18.35h-3.26V5.78h2.98c4.22,0,4.89,2.21,4.89,6.29 C176.11,16.08,175.5,18.35,171.5,18.35z M225.43,10.14c0-5.38-2.53-10.14-8.49-10.14c-4.78,0-8.6,3.96-8.6,8.78v3.17h5.73V8.66 c0-1.87,1.12-2.89,2.81-2.89c2.81,0,2.81,2.43,2.81,4.47c0,2.21,0,3.34-1.01,5.32l-10.34,19.65v5.44h17.09v-5.78h-10.34 l8.43-16.37C225.32,15.06,225.43,14.04,225.43,10.14z M238.27,0.34l-5.73-0.02v6.16l5.73-0.03v34.21H244V0.34H238.27z"></path>
               </svg>
                </a>
            </h1>
            <ul class="navigation">
                <li>

                    <div class="new-arrivals dropdown">
                        <a href="/" class="dropdown-toggle">Home</a>
                      
                    </div>
                </li>
                <li>
                    
                    <div class="new-arrivals dropdown">
                        <a href="#" class="dropdown-toggle">Product</a>
                        <div class="dropdown-menu">
                            <div class="col">
                                <div class="title">
                                    <a class="direct" href="#">WOMENS<span class="icon-right-arrow"></span></a>
                                </div>
                                <a href="#">Clothing</a>
                                <a href="#">Accessories</a>
                                <a href="#">Shoes</a>
                                <a href="#">Beauty</a>
                                <a class="direct" href="#">LOVE21<span class="icon-right-arrow"></span></a>
                                <a class="direct" href="#">PLUS<span class="icon-right-arrow"></span></a>
                                <a class="direct" href="#">MEN<span class="icon-right-arrow"></span></a>
                                <a class="direct" href="#">KIDS<span class="icon-right-arrow"></span></a>
                                <a class="direct" href="#">Branded Shop™<span class="icon-right-arrow"></span></a>
                                
                            </div>
                        </div>
                    </div>
                </li>
               
                <li>
                    <div class="lookbooks dropdown">
                        <a href="#" class="dropdown-toggle">Admin</a>

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="contents">
        <div id="contentsContainer">
            <!-- [CONTENT] -->
            <div id="GlobalNavContainer">
                <div id="Global1">
                    <a href="#">
                        <img src="../Images/img_temp/1.gif" />
                    </a>
                </div>
                <div id="Global2">
                    <a href="#">
                        <img src="../Images/img_temp/2.gif" />
                    </a>
                </div>
                <div id="Global3">
                    <a href="#">
                        <img src="../Images/img_temp/3.jpg" />
                    </a>
                </div>
            </div>
            <!--<a href="#" class="mw-global-bar" style="display: none;">
                <img data-mw-src="../images/en/20141128/global.jpg" />
            </a>-->
            <div id="topCategoryHeader">
                <div id="textContainer">
                    <img src="../Images/img_temp/greybg.png" /><h1 style="font-size: 33px; color:#666666; height:45px; letter-spacing:1px; position:absolute; font-weight:bold; top:280px; text-transform: uppercase; ">New Products</h1></div>
            </div>



            <div id="midContentContainer">

                <table style="float:left;" width="160" border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td align="left" valign="top">
                                <div id="leftNavTitle" style="padding: 25px 0px 0px 10px; color:#fff; text-align:left;">
                                    <a href="#">
                                        <font class="Categtt" style="color:#000; font-weight:normal; text-align:center; font-family: &#39;Arial Narrow&#39;, Arial, Helvetica, sans-serif; letter-spacing:.15em;">
                                            <span id="ctl00_LeftMenuContent_ctl00_lblMenuTitle">CLOTHING</span>
                                        </font>
                                    </a>
                                </div>
                                <!--[Menu trái]-->
                                <div class="LeftMenu" style=" width:145px;">
                                    <dl style="text-align:left;" class="LeftMenuItem" id="">
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCategBold">Thời trang mùa đông</font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Branded Shop" onclick=""><font class="SubCateg">Áo khoát thun</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Style Deals" onclick=""><font class="SubCateg">Áo khoát len</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Not So Basic" onclick=""><font class="SubCateg">Váy dạ</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Best Sellers" onclick=""><font class="SubCateg">Bao tay len</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Top Rated" onclick="#"><font class="SubCateg">Nón len</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Shop By Outfit" onclick="#"><font class="SubCateg">Quần kenny</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCateg"></font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCateg"></font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCategBold">Thời trang mùa hè</font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Dresses" onclick=""><font class="SubCateg" style="text-decoration:underline; color:#fa4f47;">Áo phông</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:10px;"><a href="#" title="Casual" onclick=""><font class="SubCateg">Quần jean levis</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:10px;"><a href="#" title="Day To Night" onclick=""><font class="SubCateg">Áo khoát</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:10px;"><a href="#" title="Night Out" onclick=""><font class="SubCateg">Áo thun hàn quốc</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:10px;"><a href="#" title="Mini" onclick=""><font class="SubCateg">Áo thun trung quốc</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:10px;"><a href="#" title="Midi" onclick=""><font class="SubCateg">Áo thun nhật</font></a></dt>
                                        <!--
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Tops" onclick=""><font class="SubCateg">Tops</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Sweaters &amp; Cardigans" onclick=""><font class="SubCateg">Sweaters &amp; Cardigans</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Jackets &amp; Coats" onclick=""><font class="SubCateg">Jackets &amp; Coats</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Denim" onclick=""><font class="SubCateg">Denim</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Leggings" onclick=""><font class="SubCateg">Leggings</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Pants" onclick=""><font class="SubCateg">Pants</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Shorts" onclick=""><font class="SubCateg">Shorts</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Skirts" onclick=""><font class="SubCateg">Skirts</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Rompers &amp; Jumpsuits" onclick=""><font class="SubCateg">Rompers &amp; Jumpsuits</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Activewear" onclick=""><font class="SubCateg">Activewear</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Intimates" onclick=""><font class="SubCateg">Intimates</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Sleepwear &amp; Lounge" onclick=""><font class="SubCateg">Sleepwear &amp; Lounge</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Swimwear" onclick=""><font class="SubCateg">Swimwear</font></a></dt>-->
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCateg"></font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><font class="SubCateg"></font></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Shop By Style" onclick=""><font class="SubCategBold">Thời trang Tết</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Modern Femme" onclick=""><font class="SubCateg">Quần bó</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Boho" onclick=""><font class="SubCateg">Áo sọc dưa</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Heritage" onclick=""><font class="SubCateg">Váy nhật kazura</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Capsule 2.1" onclick=""><font class="SubCateg">Mắt kính</font></a></dt>
                                        <dt style="text-align:left; padding-top:2px; padding-bottom:2px;padding-left:0px;"><a href="#" title="Minimalist" onclick=""><font class="SubCateg">Băng tay</font></a></dt>
                                    </dl>
                                </div>
                                <!--[Kết thúc menu trái]-->
                            </td>
                        </tr>
                    </tbody>
                </table>

               
                        @RenderBody()
                      
                      
                <!--sdaaddas-->
            </div>
        </div>
    </div>
    <div style="width:100%;height:100px;"></div>
    <!-- [FOOTER] -->

    <div class="footer">
        <div class="container">
            <!--
            <ul class="company">
                <li class="heading">Company</li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Careers</a></li>
                <li><a href="#">Affiliate Program</a></li>
                <li><a href="#">Social Responsibility</a></li>
                <li><a href="#">Business with Us</a></li>
                <li><a href="#">Press &amp; talent</a></li>
                <li><a href="#" target="_blank">Newsroom</a></li>
            </ul>
            <ul class="help">
                <li class="heading">Help</li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Track Orders</a></li>
                <li><a href="#">FAQ's</a></li>
                <li><a href="#">Shipping Info</a></li>
            </ul>
            <ul class="quick-links">
                <li class="heading">Quick Links</li>
                <li><a href="#">Gift Cards</a></li>
                <li><a href="#">Size Guide</a></li>
                <li><a href="#">My account</a></li>
                <li><a href="#">Store locator</a></li>
            </ul>
            <ul class="trending">
                <li class="heading">Trending</li>
                <li><a href="#">Flannel</a></li>
                <li><a href="#">Fur Vest</a></li>
                <li><a href="#">Cardigan</a></li>
                <li><a href="#">Joggers</a></li>
                <li><a href="#">Leather Jacket</a></li>
                <li><a href="#">Bodysuit</a></li>
            </ul>-->
            <ul class="social">
                <li class="heading">Find Us On</li>
                <li><a href="#"><img src="../Images/img_temp/social-facebook.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/social-twitter.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/social-google.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/social-youtube.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/social-pinterest.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/social-instagram.png" /></a></li>
                <li><a href="#"><img src="../Images/img_temp/21blog.png" /></a></li>
            </ul>
            <ul class="signup" style="margin-left: 50%; margin-top: -9%;">
                <li class="heading">Đăng nhập hệ thống</li>
                <li>
                    <div id="signup-form">
                        <!--<form id="frmSubscribe" action="#" onsubmit="" method="post">-->
                            <input type="text" name="ibusername" id="usernameh" onclick="" maxlength="50" placeholder="Tên đăng nhập" />
                            <input type="text" name="ibpassword" id="passwordh" onclick="" maxlength="50" placeholder="Mật khẩu"/>
                            <button type="button" id="offerButton" onclick="DangNhapH()">Đăng Nhập</button>
                        <!--</form>-->
                    </div>
                    <script type="text/javascript">
                        function DangNhapH()
                        {
                            $username = document.getElementById('usernameh').value;
                            if($username!=null)
                            {
                                $password = document.getElementById('passwordh').value;
                                if($password!=null)
                                {
                                    //khai báo một form mới
                                    var form = $('<form></form>');

                                    //thêm các thu?c tính c?n thi?t cho form
                                    form.attr("method", "post");
                                    form.attr("action", "Home/Index");

                                    //thêm các tag â?n thi?t vào trong form
                                    var field = $('<input></input>');
                                    field.attr("type", "hidden");
                                    field.attr("name", "username");
                                    field.attr("value", $username);
                                    var field1 = $('<input></input>');
                                    field1.attr("type", "hidden");
                                    field1.attr("name", "password");
                                    field1.attr("value", $password);

                                    // ti?n hành thêm
                                    form.append(field);
                                    form.append(field1);
                                    //g?i hành d?ng
                                    $(document.body).append(form);
                                    form.submit();
                                }
                                else
                                {
                                    alert('Mật khẩu không được bỏ trống!');
                                    return;
                                }
                            }
                            else
                            {
                                alert('Tên đăng nhập không được bỏ trống!');
                                return;
                            }
                        }
                    </script>
                </li>
            </ul>
        </div>
    </div>
    <!--
    <div class="post-footer">
        <div class="container">
            <hr />
            <div class="copyright">
                Designer By ShopOnline Co.
            </div>
            <div id="signup-form">
                <!--<form id="frmSubscribe" action="#" onsubmit="" method="post">-->
    <!--
                <input type="text" value="UserName" name="ibusername" id="usernameh" onclick="" maxlength="50" placeholder="Tên đăng nhập" />
                <input type="text" value="Password" name="ibpassword" id="passwordh" onclick="" maxlength="50" placeholder="Mật khẩu" />
                <button type="button" id="offerButton" onclick="DangNhapH()">Đăng Nhập</button>
                <!--</form>--><!--
            </div>
        </div>
    </div>-->
  

    <style type="text/css">
        .loading {
          
            margin-top: -70%;
            margin-left: 40%;
            /*background-color:blue;*/
            opacity: 0.4;
            position: fixed;
        }
    </style>
    <div class="loading">
      
        <img src="~/Images/loading30.gif" width="150px" height="10px" />
    </div>
</body>
</html>